<style>
    .tabs-container .form-group {
        overflow: hidden;
    }

    .tabs-container .tabs-left > .nav-tabs {
    }

    .text-edit {
        color: #44abf7 !important;
    }
</style>

<form action="" method="post" class="form-horizontal form-validate" enctype="multipart/form-data">
    <input type="hidden" id="tab" name="tab" value="{if empty($_GET['tab'])}#tab_basic{else}#tab_{$_GET['tab']}{/if}"/>
    <input type="hidden" name="id" value="{$uniacid}"/>

    <ul class="nav nav-tabs" id="myTab">
        <li class="{if empty($_GET['tab']) || $_GET['tab'] == 'basic'}active{/if}"><a href="#tab_basic">基础设置</a></li>
        <li class="{if $_GET['tab'] == 'host'}active{/if}"><a href="#tab_host">域名设置</a></li>
        <li class="{if $_GET['tab']=='wechat'}active{/if}"><a href="#tab_wechat">微信公众号</a></li>
        <li class="{if $_GET['tab']=='wxapp'}active{/if}"><a href="#tab_wxapp">微信小程序</a></li>
        <li class="{if $_GET['tab']=='weixin'}active{/if}"><a href="#tab_weixin">企业微信</a></li>
        <li class="{if $_GET['tab']=='wechatPay'}active{/if}"><a href="#tab_wechatPay">微信支付</a></li>
        <li class="{if $_GET['tab']=='aliPay'}active{/if}"><a href="#tab_aliPay">支付宝支付</a></li>
        <li class="{if $_GET['tab'] == 'attachment'}active{/if}"><a href="#tab_attachment">附件设置</a></li>
        <li class="{if $_GET['tab']=='sms'}active{/if}"><a href="#tab_sms">短信设置</a></li>
        <li class="{if $_GET['tab']=='smtp'}active{/if}"><a href="#tab_smtp">SMTP服务器</a></li>
    </ul>

    <div class="tab-content">

        <div class="tab-pane {if empty($_GET['tab']) || $_GET['tab'] == 'basic'}active{/if}" id="tab_basic">
            {include file="../app/admin/view/public/sets/system/tabs/basic.html" /}
        </div>

        <div class="tab-pane {if $_GET['tab'] == 'host'}active{/if}" id="tab_host">
            {include file="../app/admin/view/public/sets/system/tabs/host.html" /}
        </div>

        <!--微信支付-->
        <div class="tab-pane {if $_GET['tab']=='wechatPay'}active{/if}" id="tab_wechatPay">
            {include file="../app/admin/view/public/sets/system/tabs/wxpay.html" /}
        </div>

        <!--支付宝支付-->
        <div class="tab-pane {if $_GET['tab']=='aliPay'}active{/if}" id="tab_aliPay">
            {include file="../app/admin/view/public/sets/system/tabs/alipay.html" /}
        </div>

        <div class="tab-pane {if $_GET['tab'] == 'attachment'}active{/if}" id="tab_attachment">
            {include file="../app/admin/view/public/sets/system/tabs/image.html" /}
            {include file="../app/admin/view/public/sets/system/tabs/attachment.html" /}
        </div>

        <div class="tab-pane {if $_GET['tab']=='wechat'}active{/if}" id="tab_wechat">
            {include file="../app/admin/view/public/sets/system/tabs/wechat.html" /}
        </div>

        <div class="tab-pane {if $_GET['tab']=='wxapp'}active{/if}" id="tab_wxapp">
            {include file="../app/admin/view/public/sets/system/tabs/wxapp.html" /}
        </div>

        <div class="tab-pane {if $_GET['tab']=='weixin'}active{/if}" id="tab_weixin">
            {include file="../app/admin/view/public/sets/system/tabs/weixin.html" /}
        </div>

        <!--短信设置-->
        <div class="tab-pane {if $_GET['tab']=='sms'}active{/if}" id="tab_sms">
            {include file="../app/admin/view/public/sets/system/tabs/sms.html" /}
        </div>

        <!-- 邮箱通知 -->
        <div class="tab-pane {if $_GET['tab']=='smtp'}active{/if}" id="tab_smtp">
            <div class="panel-body">{include file='../app/admin/view/public/sets/system/tabs/smtp.html'}</div>
        </div>

    </div>

    <div class="form-group">
        <label class="col-lg control-label"></label>
        <div class="col-sm-9">
            <input type="submit" class="btn btn-primary" value="保存">
        </div>
    </div>

    <script>
        $(".text-edit").off("click").on("click", function () {
            $(this).hide().parent().find('textarea').show();
        });
    </script>
</form>